@import "public";

#productDetail {
  .h90 {
    width: 100%;
    float: left;
    .height(126rem);
  }
  .h20{
    width: 100%;
    .height(20rem);
    float: left;
  }
  background-color: #efeff4;
  overflow: hidden;
  .pd-top {
    width: 100%;
    .height(318rem);
    background: url(../images/detail-top.png) center no-repeat;
    .backSize(640rem, 320rem);
    text-align: center;
    .fontSize(48rem);
    color: #ffffff;
    .paddingTop(45rem);
    float: left;
  }
  .pd-moudle {
    width: 100%;
    float: left;
    h3.special-blank{
      .height(140rem);
      .lineHeight(200rem);
    }
    h3 {
      width: 100%;
      .padding(0, 30rem, 0, 30rem);
      .height(80rem);
      .lineHeight(90rem);
      color: #000000;
      background-color: #efeff4;

    }
    .pdm-part {
      width: 100%;
      .height(90rem);
      .padding(0, 40rem, 0, 40rem);
      .borderBottom(2rem, solid, #e3e3e3);
      background-color: #ffffff;
      p {
        .fontSize(28rem);
        .lineHeight(90rem);
      }
      p:nth-of-type(1) {
        float: left;
        color: #999999;
      }
      p:nth-of-type(2) {
        float: right;
        color: #000000;
      }
      .special {
        color: #000000 !important;
      }
      .see-location {
        .width(150rem);
        .height(50rem);
        .borderRadius(4rem);
        background-color: @Cred;
        color: #ffffff !important;
        text-align: center;
        .lineHeight(50rem);
        .marginTop(15rem);
      }
    }
  }
  .first-moudle {
    .marginTop(90rem);
  }
  .pd-btn {
    width: 100%;
    .height(90rem);
    text-align: center;
    .lineHeight(90rem);
    color: #ffffff;
    .fontSize(34rem);
    background-color: #fe5b4c;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    a {
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  .pd-detail {
    .width(580rem);
    .height(240rem);
    background-color: #ffffff;
    position: absolute;
    .top(140rem);
    .left(32rem);
    .padding(33rem, 38rem, 25rem, 38rem);
    p:nth-of-type(1) {
      width: 100%;
      text-align: center;
      .fontSize(30rem);
      color: #000000;
      .marginTop(16rem);
    }
    p:nth-of-type(2) {
      .fontSize(30rem);
      color: @Cred;
      text-align: center;
      .marginTop(24rem);
      span {
        .fontSize(72rem);
      }
    }

    //.pdd-top{
    //  width: 100%;
    //  .pddt-rate{
    //    p:nth-of-type(1){
    //      span{
    //        .fontSize(52rem);
    //        color: #f9722e;
    //      }
    //      color: #f9722e;
    //      .fontSize(24rem);
    //    }
    //    p:nth-of-type(2){
    //      color: #999999;
    //      text-align: center;
    //    }
    //
    //  }
    //  .pddt-btn{
    //    .width(120rem);
    //    .height(40rem);
    //    .borderRadius(6rem);
    //    text-align: center;
    //    .lineHeight(40rem);
    //    background-color: #8f87ac;
    //    color: #ffffff;
    //    .fontSize(22rem);
    //    .marginTop(20rem);
    //  }
    //  .pdd-list{
    //    width:100%;
    //  }
    //}
    //.pdd-list{
    //  width: 100%;
    //  .marginTop(26rem);
    //  .pddl-mod{
    //    //float: left;
    //    p{
    //      text-align: center;
    //    }
    //    p:nth-of-type(1){
    //      color: #999999;
    //
    //    }
    //    p:nth-of-type(2){
    //      .marginTop(10rem);
    //      span{
    //        .fontSize(36rem);
    //      }
    //    }
    //  }
    //  .pddl-middle{
    //    .marginLeft(100rem);
    //  }
    //  .pddl-spec{
    //    .marginLeft(0)!important;
    //    .width(240rem)!important;
    //
    //  }
    //}
  }
  .buy-biao{
    .top(1000rem)!important;

  }
}